
body {
  background: #f1f1f1;
}

.header {
  overflow: hidden;
  height: .62rem;
  line-height: .62rem;

  h5 {
    text-align: center;
    font-size: .36rem;
    color: #ffffff;
  }
}

.middle {
  margin-top: .9rem;
  overflow: hidden;
  .icon {
    width: 3.41rem;
    height: 3.41rem;
    margin: .54rem auto .4rem;
  }

  .user {
    .user-name {
      margin-left: .45rem;
      background: #ffffff;
      overflow: hidden;
      span {
        width: 1rem;
        height: .8rem;
        float: left;
        background-image: url("../img/yonghu.png");
        background-repeat: no-repeat;
        background-position: .3rem .15rem;
        background-size: .46rem .49rem;
      }
      input {
        font-size: .24rem;
        color: #a09d9d;
        margin-top: .15rem;
        float: left;
        padding-left: .25rem;
        height: .5rem;
        width: 5.15-0.25rem;
        line-height: .5rem;
        border-left: .01rem solid #e2e2e2;
      }
    }
    .user-psw {
      margin-left: .45rem;
      background: #ffffff;
      overflow: hidden;
      margin-top: .35rem;
      span {
        width: 1rem;
        height: .8rem;
        float: left;
        background-image: url("../img/mima.png");
        background-repeat: no-repeat;
        background-position: .3rem .15rem;
        background-size: .46rem .49rem;
      }
      input {
        font-size: .24rem;
        color: #a09d9d;
        margin-top: .15rem;
        float: left;
        border-left: .01rem solid #e2e2e2;
        padding-left: .25rem;
        height: .5rem;
        width: 5.15-0.25rem;
        line-height: .5rem;
      }
    }
    .clause {
      display: block;
      margin-top: .4rem;
      text-align: center;
      input {
        display: none;
      }
      p {
        font-size: .24rem;
        color: #3c3b3b;
        line-height: .44rem;
        text-indent: .5rem;
        a {
          font-size: .24rem;
          color: #3c3b3b;
        }
      }
    }
    .login {
      width: 2.8rem;
      height: .8rem;
      line-height: .8rem;
      text-align: center;
      color: #ffffff;
      font-size: .32rem;
      margin: .5rem auto 0;
      background: #4383ef;
    }
    .loginInfo {
      font-size: .28rem;
      color: #565050;
      margin-top: .2rem;
      text-align: center;
      line-height: .88rem;
    }
    .login-mode {
      width: 3.68rem;
      margin: 0 auto;
      a {
        display: block;
        width: .95rem;
        height: .95rem;
        float: left;
        margin: 0 .44rem;
        img{
          width: .95rem;
          height: .95rem;
        }
      }
    }
  }
}
.bottom {
  overflow: hidden;
  margin-top: .6rem;
  margin-bottom: .75rem;
  a {
    float: left;
    font-size: .3rem;
    color: #4383ef;
    margin: 0 .35rem;
    &:nth-of-type(2) {
      float: right;
    }
  }
}